草庐IT

Javascript JsTestDriver Jasmine 和 Jasmine-jquery

全部标签

javascript - AngularJS 指令 - 将 ngModel 与 jQuery 小部件一起使用时的最佳实践

这是我的问题。例如,我们有以下指令,它在幕后使用了一些jQuery小部件:module.directive('myWidget',[function(){return{require:"ngModel",restrict:"A",replace:true,templateUrl:"templates/myWidget.html",link:function(scope,element,attrs,ctrl){element.widget_name().on('value_updated',function(event){scope.$apply(function(){varnewMod

javascript - 非 DOM 对象上的 jQuery 自定义事件

我最近读了一些代码,它做了这样的事情:bob={'name':'BobSmith','rank':7};$(bob).bind("nameChanged",function(){/*...*/});//...$(bob).trigger("nameChanged");这似乎有效。但是我在jQuery文档或源代码中找不到任何有关使用既不是选择器也不是DOM节点的对象调用jQuery构造函数的内容。所以我的问题是,这是一种受支持的用途,还是它本质上是偶然起作用的?如果您想在JavaScript中为您的模型或View对象使用事件驱动模型,您会怎么做? 最佳答案

javascript - jQuery 回调显然在失败时重复?

我似乎观察到至少一种情况,如果在执行时出现错误,传递给jQuery效果函数的回调函数将重复执行。例如,参见thisJSFiddle,具有以下代码:$('#awesome').fadeOut(400,function(){log('fadingout...');dieInAFire();});log将传递给它的任何内容附加到div...但是dieInAFire不存在。然而,匿名函数似乎被一遍又一遍地调用,而不是简单地停止执行,日志div中越来越多的“淡出...”就证明了这一点。这是预期的行为吗?如果是,为什么? 最佳答案 这是一个已知

javascript - 加载后淡入背景图像(无 jquery),同时仍使用媒体查询替换不同屏幕尺寸的图像

我整晚都在看书,似乎无法就最好的方法是什么给出任何具体的答案。我知道起作用的两件事是:加载图片时淡入淡出:使用图像包装器和像这样的标签:CSS看起来像.imageWrapper{opacity:0}.loaded{opacity:1}然后在你的js文件中有类似的东西varimageLoaded=(img)=>{varimgWrapper=img.parentNode;imgWrapper.className+='loaded';}用于根据屏幕尺寸加载不同的图像@mediascreenonlyand(min-device-width:0)and(max-device-width:450p

javascript - 使用 jQuery 回显文本

是否可以使用jQuery代替脚本标签回显文本?更准确地说,有没有办法完成document.write("foo");...不使用document.write?在阅读this后,我对使用document.write不满意.我知道我可以选择这样做:$("#container").text("foo");但是,我很想知道是否有一种方法可以在不使用容器元素的情况下做到这一点,最好是使用jQuery。提前致谢! 最佳答案 如果您想出一种jQuery方法来执行document.write(),出于同样的原因,它会很糟糕。如果您需要的话,您最好只

javascript - 找出 Jquery ajax 请求被重定向到的位置

所以-我有这个ajax请求,看-。金发女郎,大约6英尺高,看起来像这样:$.ajax({url:'http://example.com/makeThing',dataType:'html',type:'POST',data:{something:someotherthing},complete:function(request,status){console.log("headers="+request.getAllResponseHeaders(););}});发生的情况是对“/makeThing”的请求返回一个302重定向到第二个url:“getThing/abc123”。我想要做

javascript - 聚焦并模糊不冒泡的 jQuery 事件

具有以下html结构:和下面的jquery代码:$('form').on("focus",function(event){$("p").append("focusnodelegation");})为什么焦点事件永远不会到达我的事件处理程序?将事件与选择器参数绑定(bind)工作正常:$('form').on("focus","input",function(event){$("p").append("focusdelegation");})事件下一个片段有效,因此焦点事件实际上会冒泡......$('form').on("focus","span",function(event){$(

javascript - Chrome 不处理 jquery ajax 查询

我在jquery中有以下查询。它正在读取使用Nginx的长轮询模块设置的Nginx订阅/发布对的“发布”地址。functionrequestNextBroadcast(){//neverstops-everyreplytriggersnext.//andsilenterrorsrestartvialongtimeout.getxhr=$.ajax({url:"/activity",//dataType:'json',data:"id="+channel,timeout:46000,//mustbelongerthanmaxheartbeattoonlytriggeraftersilen

javascript 性能 : global variable vs jquery's $. 数据()

我需要在我的网络应用程序中存储相对较大的JSON以供全局访问。我应该使用jquery的$.data(document.body,'some-reference-here',MyJsonObj);还是全局的?我知道将$.data()绑定(bind)到document.body比绑定(bind)到jquery对象更快,但这与全局变量相比如何?我对最有效的内存使用感兴趣。 最佳答案 浏览器JS中的全局变量就是window.variable,所以我觉得那样会快很多$.data(document.body,'some-reference-he

javascript - jQuery UI 可拖动,捕捉到网格

我有两个容器。缩略图容器和“页面”容器。两者都是div。缩略图可以在两个容器之间来回拖动。我已恢复设置为“无效”的缩略图,因此如果它们掉落到其中任何一个容器之外,它们就会恢复到两个容器之一。缩略图必须对齐到“页面”容器内的20x20网格。这样客户端客户端可以将缩略图放在“页面”容器中的任何位置,但仍然能够将它们整齐地排列。问题是可拖动的“网格”选项似乎对此效果不佳。当您开始拖动时,“网格”似乎是由可拖动对象的位置决定的,而不是像页面具有可以捕捉到的真实网格一样。有没有办法解决这个问题,使网格基于“页面”容器,而不是开始拖动时可拖动对象的位置? 最佳答案